<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hobby</title>
	<link rel="stylesheet" href="hobby_style.css">
</head>
<body>
	<div class="nav">
			<ul>
				<li><a href="gallery.html">首页</a></li>
				<li><a href="intro.html">个人简介</a></li>
				<li><a href="hobby.html">特长</a></li>
				<li><a href="contact way.html">联系方式</a></li>
			</ul>
	</div>
	<section class="cr-container">
				
				<input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>
				<label for="select-img-1" class="cr-label-img-1">1</label>
				
				<input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
				<label for="select-img-2" class="cr-label-img-2">2</label>
				
				<input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
				<label for="select-img-3" class="cr-label-img-3">3</label>
				
				<input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
				<label for="select-img-4" class="cr-label-img-4">4</label>
				
				<div class="clr"></div>	
				<div class="cr-bgimg">
					<div>
						<span>Slice 1 - Image 1</span>
						<span>Slice 1 - Image 2</span>
						<span>Slice 1 - Image 3</span>
						<span>Slice 1 - Image 4</span>
					</div>
					<div>
						<span>Slice 2 - Image 1</span>
						<span>Slice 2 - Image 2</span>
						<span>Slice 2 - Image 3</span>
						<span>Slice 2 - Image 4</span>
					</div>
					<div>
						<span>Slice 3 - Image 1</span>
						<span>Slice 3 - Image 2</span>
						<span>Slice 3 - Image 3</span>
						<span>Slice 3 - Image 4</span>
					</div>
					<div>
						<span>Slice 4 - Image 1</span>
						<span>Slice 4 - Image 2</span>
						<span>Slice 4 - Image 3</span>
						<span>Slice 4 - Image 4</span>
					</div>
				</div>
				
	</section>
	<div class="text">
		<p>喜爱唱歌，并刻苦练习：上语文课唱《爱情字典》，上数学课唱《三万英尺》，上外语课唱《义勇军进行曲》，上物理课唱《万有引力》，上化学课唱《第五元素》，上生物课唱《萤火虫》，上地理课唱《热情的沙漠》，上历史课唱《谢谢你的爱1999》，上政治课唱《信仰》，上法制课唱《男人哭吧不是罪》，上班会课唱《真的怕了》。</p>
	</div>
	<div id="copyright">
		<img src="images/star.gif" alt="reopard" style="margin-left: 40%; float: left;">
		<p>蓝翔教育机构</p>
	</div>
</body>
</html>